<div class="navbar">
  <div class="navbar-inner">
    <div class="left sliding"><a href="/" class="back link"><i class="icon icon-back"></i></a></div>
    <div class="center sliding">确认订单</div>
    <div class="right"><a href="customer/center.php" class="link icon-only"><i class="icon icon-user"></i></a></div>
  </div>
</div>
<div class="pages navbar-through">
  <div data-page="confirm-order-page" class="page">
    <div class="page-content" style="box-sizing: border-box; padding-bottom:70px;">
      

      <div class="confirm-top shadow">
        
        <div class="confirm-order-type">手机回收</div>

        <p><span class="title">设备机型：</span> <span class="lblOrderVersionId"></span></p>
        <p><span class="title lblOrderInfoTitle">手机详情：</span> <span class="lblOrderInfo"></span></p>
        <p><span class="title lblOrderPriceTitle">手机估价：</span> <span class="lblOrderPrice color-orange">¥0</span></p>
        <p class="lblOrderOtherInfo"><span class="title">具体故障、维修金额以工程师检测为准</span></p>
        
      </div>



        <div class="select-list-block service-type-select">

            <ul>
                <li class="click-active selected" data-val="1">
                    <div class="item-context">
                        <div class="item-title item-title-select-1">上门回收</div>
                    </div>
                    <div class="item-select"><i class="icon icon-select"></i></div>
                </li>

                <li class="click-active" data-val="2">
                    <div class="item-context">
                        <div class="item-title item-title-select-2">邮寄维修</div>
                    </div>
                    <div class="item-select"><i class="icon icon-select"></i></div>
                </li>

            </ul>
        </div>






          <div class="list-block" style=" margin:0;">
            <ul>
              <li class="selcet-address"><a href="#" class="item-link item-content">
                  <div class="item-inner">
                    <div class="item-title item-title-sub-select-1">上门地址</div>
                    <div class="item-after item-title-address" style="white-space: nowrap;position: relative;overflow: hidden;text-overflow: ellipsis; width:68%;display: block;text-align: right;"></div>
                  </div></a>
              </li>
              <li class="selcet-come-time"><a href="#" class="item-link item-content">
                  <div class="item-inner">
                    <div class="item-title item-title-sub-select-2">上门时间</div>
                    <div class="item-after"><input type="text"  readonly id="picker-come-time" style="height: 28px; font-size:13px; text-align:right; color:#888;"></div>
                  </div></a>
              </li>
              <li class="post-contact-item" style="display:none">
                <a href="#" class="item-link item-content">
                  <div class="item-inner">
                    <div class="item-title">联系方式</div>
                    <div class="item-after" style="white-space: nowrap;position: relative;overflow: hidden;text-overflow: ellipsis; width:78%;display: block;text-align: right;">收件人：飞客修 （4000574380）</div>
                  </div>
                </a>
              </li>

              <li class="post-type-item" style="display:none">
                <a href="#" class="item-link item-content">
                  <div class="item-inner">
                    <div class="item-title">快递公司</div>
                    <div class="item-after" style="white-space: nowrap;position: relative;overflow: hidden;text-overflow: ellipsis; width:70%;display: block;text-align: right;">* 只支持顺丰快递 </div>
                  </div>
                </a>
              </li>

              <li class="post-input-postid-item" style="display:none">
                <div href="#" class="item-content">
                  <div class="item-inner">
                    <div class="item-title label" style="width: 20%;">快递单号</div>
                    <div class="item-input"><input type="text" placeholder="请输入快递单号" class="txtPostId" style="text-align:right"></div>
                  </div>
                </div>
              </li>

              <li class="post-input-postname-item" style="display:none">
                <div href="#" class="item-content">
                  <div class="item-inner">
                    <div class="item-title label" style="width: 20%;">发件人</div>
                    <div class="item-input"><input type="text" placeholder="请输入您的姓名" class="txtPostName" style="text-align:right"></div>
                  </div>
                </div>
              </li>

              <li class="post-input-postaddr-item" style="display:none">
                <div href="#" class="item-content">
                  <div class="item-inner">
                    <div class="item-title label" style="width: 20%;">寄回地址</div>
                    <div class="item-input"><input type="text" placeholder="请输入寄回地址" class="txtPostAddress" style="text-align:right"></div>
                  </div>
                </div>
              </li>

              <li class="post-input-postphone-item" style="display:none">
                <div href="#" class="item-content">
                  <div class="item-inner">
                    <div class="item-title label" style="width: 20%;">联系电话</div>
                    <div class="item-input"><input type="text" placeholder="请输入您的联系方式" class="txtPostCallPhone" style="text-align:right"></div>
                  </div>
                </div>
              </li>

            </ul>
          </div>



      <div class="confirm-pay-type-warp" style=" display:none;">
          <div class="list-title">请选择收款方式</div>

          <div class="list-block" style=" margin:0;">
            <ul>
              <li>
                <div class="select-list-block select-inline pay-type-select">
                    <ul>
                        <li class="click-active selected" data-val="1">
                            <div class="item-icon"><i class="icon icon-alipay"></i></div>
                            <div class="item-context">
                                <div class="item-title">支付宝</div>
                            </div>
                        </li>

                        <li class="click-active" data-val="2">
                            <div class="item-icon"><i class="icon icon-wechatpay" style=" margin-top:2px; margin-left:-4px;"></i></div>
                            <div class="item-context">
                                <div class="item-title">微信钱包</div>
                            </div>
                        </li>

                        <li class="click-active" data-val="3" style=" margin-right:0;">
                            <div class="item-icon"><i class="icon icon-cash" style=" margin-left:-5px;"></i></div>
                            <div class="item-context">
                                <div class="item-title">现金</div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="clear"></div>
              </li>
              <li class="pay-item-input-1">
                <div class="item-content">
                  <div class="item-inner">
                    <div class="item-title label">支付宝账号</div>
                    <div class="item-input">
                      <input type="text" placeholder="请输入支付宝账号" class="" id="txtPayCheckoutAlipayAccount">
                    </div>
                  </div>
                </div>
              </li>
              <li class="pay-item-input-2">
                <div class="item-content">
                  <div class="item-inner">
                    <div class="item-title label">支付宝户名</div>
                    <div class="item-input">
                      <input type="email" placeholder="请输入支付宝户名" id="txtPayCheckoutAlipayName">
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>

      </div>




      <div style=" margin:20px 0;">
            <label class="label-checkbox item-content">
              <input type="checkbox" name="ks-checkbox" value="Books" checked="checked"/>
              <div class="item-media" style=" text-align:center; color:#666; "><i class="icon icon-form-checkbox" style="width:18px; height:18px;margin-top: -2px;"></i> 我同意<a href="/ServiceAgreement">《维修服务条款》</a></div>
            </label>
      </div>
      <a href="#" class="button button-fill btn-confirm-order">提交订单</a>


      
    </div>
  </div>
</div>
